<template>
  <div class="">
    <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }">这是一条通知信息：</van-divider>
    <div id="noticeBar">
      <van-row>
        <van-col span="24">
          <!-- closeable 模式，在右侧显示关闭按钮 -->
          <van-notice-bar wrapable :scrollable="false" mode="closeable">{{ greeting }}</van-notice-bar>
        </van-col>
      </van-row>
    </div>

    <!-- 在这里放置路由信息，路由包括两种，一是显示单词本信息，另外一个是显示新增单词界面 -->
    <RouterView>

    </RouterView>

  </div>
</template>
<script setup lang="ts">
import { ref, reactive } from "vue"
import { onMounted } from "vue"
import { url } from "./interface";
import axios from "axios";

// 自定义组件



const greeting = ref("");


onMounted(() => {
  axios.get(url + "/greeting/hello").then(resp => {
    greeting.value = resp.data;
  })
})

</script>
<style scoped>
</style>
